<template>
  <div class="index">
    <!-- 头部模块区域 -->
    <index-header />
    <scroll class="scroll">
      <div class="content" slot="content">
        <search></search>
        <recom></recom>
        <h2> </h2>
      </div>
    </scroll>
  </div>
</template>

<script>
/*  通用组件 */
import Scroll from "components/common/scroll/Scroll";

import IndexHeader from "./children/IndexHeader";
import Search from "./children/Search";
import Recom from './children/Recom'

export default {
  name: "Index",
  data() {
    return {
    };
  },
  components: {
    Scroll,
    IndexHeader,
    Search,
    Recom
  },
  mounted() {},
  methods: {},
};
</script>


<style lang="less" scoped>
.index {
  width: 100vw;
  .scroll {
    height: calc(100vh - 75px);
  }
}

.bottom-title {
  text-align: center;
  font-weight: 400;
  opacity: .6;
  background-color: rgba(255, 255, 255, .1);
}
</style>